.routeInputBox {
    position: absolute;
    top: 10px;
    left: 20px;
    width: calc(100vw - 40px);
    z-index: 100;

    .inputWrap {
        width: 100%;
        background: #ffffff;
        box-shadow: 2px 2px 8px -2px rgba(151, 155, 157, 0.5);
        border-radius: 6px;
        border: 1px solid;
        border-image: linear-gradient(144deg,
                rgba(255, 255, 255, 1),
                rgba(221, 238, 251, 1)) 1 1;

        >div {
            display: flex;
            justify-content: space-between;
            padding: 7px;

            .backbtn {
                width: 20px;
                height: 100%;
                margin-top: 10px;
            }
        }

        .routeInput {
            width: calc(100% - 53px);
            background: #f8faff;
            padding: 0 15px;

            img {
                width: 20px;
            }

            .border {
                width: 100%;
                height: 1px;
                background: rgba(221, 227, 241, 0.6);
            }

            .dot1 {
                width: 7px;
                height: 7px;
                margin-top: 10px;
                margin-bottom: 10px;
                border-radius: 100%;
                background: linear-gradient(180deg, #6edfdf 0%, #56cbe2 100%);
            }

            .dot2 {
                width: 2px;
                height: 2px;
                border-radius: 100%;
                background: #dcdde0;
                margin: 3px 2px;
            }

            .dot3 {
                width: 7px;
                height: 7px;
                margin-top: 10px;
                border-radius: 100%;
                background: linear-gradient(180deg, #fd947b 0%, #fc7f78 100%);
            }
        }
    }
}